.detail-wrap {
  flex-direction: column;
}

.detail-header {
  height: 48px;
  background-color: #ee742f;
  position: relative;
}

.detail-header .title {
  width: 100%;
  align-items: center;
  justify-content: center;

}

.detail-header .title text {
  font-size: 20px;
  color: #ffffff;
}

.btn-back {
  width: 50px;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}

.btn-back image {
  width: 24px;
  height: 24px;
  object-fit: fill;
}

.detail-body {
  flex-direction: column;
}

.detail-body .info {
  flex-direction: column;
  height: 160px;
  align-items: center;
  justify-content: center;
}


.detail-body image {
  height: 235px;
}

.detail-body .info .title {
  align-items: center;
  justify-content: center;
}

.detail-body .info .title text {
  font-size: 38px;
}

.detail-body .info .fans {
  align-items: center;
  justify-content: center;
}

.detail-body .info .fans text {
  font-size: 20px;
}

.detail-body .info .favo {
  align-items: center;
  justify-content: center;
}

.detail-body .info .favo button {
  width: 50%;
  margin-top: 30px;
  background-color: #ee742f;
}